<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/chen-all.css" />
		<link rel="stylesheet" type="text/css" href="../../fonts/shoppingicon/iconfont.css" />
		<style type="text/css">
			.mui-content {
				position: relative;
			}
			
			html,
			body {
				width: 100%;
			}
			
			.mui-toast-container {
				bottom: 45% !important;
			}
			
			.mui-toast-message {
				background: url(../../images/adopt.png) no-repeat center 5px #000;
				background-size: 30px;
				opacity: 0.6;
				color: #fff;
				padding: 40px 5px 5px 5px;
			}
			.spec-box p{
				display: inline-block!important;
				float: inherit!important;
				width: auto;
				margin-right: 10px;
				background: #f4f4f4;
				color: #666;
				border-radius: 10px;
				padding: 3px 10px;
			}
			.spec-box p.active{
				background: #ff002b;
				color: #fff!important;
			}
			#details_img{
				background: #fff;
				padding: 10px 20px 50px 20px;
			}
			#details_img img{
				max-width: 100%;
			}
		</style>
	</head>
	<!--
    	作者：757617958@qq.com
    	时间：2018-09-26
    	描述：chen
    -->

	<body class="body">

		<div class="mui-content">

			<!--轮播图-->
			<div id="slider" class="mui-slider">
				<span class="mui-icon mui-icon-back return_back"></span>
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img id="last_img" src="">
						</a>
					</div>

					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate" id="frist_img_box">
						<a href="#">
							<img id="frist_img" src="">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator" id="index_dian"></div>
			</div>

			<div class="slideshow_list" id="slideshow_list">

			</div>
			<div class="sell_num_shop">
				<p class="sell_barsg_1"></p>
				<p class="sell_barsg_2 oneself_icon"></p>
			</div>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media index shop-info-bar" merchant_id="">
					<a href="javascript:;" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="../../images/store_z.png">
						<div class="mui-media-body" style="line-height: 40px;"></div>
					</a>
				</li>
			</ul>
			<div class="details_img">
				<div id="details_img" style="width:100%;">
					<!--<img src="" alt="">-->
				</div>				
			</div>

			<!--购物车按钮-->
			<div class="shopping_cart">
				<ul class="icon_num">
					<li class="changecolor index" id="index" merchant_id="">
						<span class="iconfont icon-shangcheng" style="color: #e93b3d;"></span>
						<p>店铺</p>
					</li>
					<li class="border_solie changecolor" id="service">
						<span class="iconfont icon-kefu"></span>
						<p>客服</p>
					</li>
					<li class="shopping changecolor" id="shopping">
						<span class="iconfont icon-gouwuche2"></span>
						<p>购物车</p>
					</li>
				</ul>
				<span class="join_cart_btn" id="join_cart_btn" leaberid="1">加入购物车</span>
				<span class="buy_cart_btn" id="buy_cart_btn" leaberid="2">立即购买</span>
			</div>

		</div>

		<!--隐藏值-->
		<input type="hidden" id="img" value="">
		<!--商品图片-->
		<input type="hidden" id="commercial" value="">
		<!--商家-->
		<input type="hidden" id="url" value="">
		<!--图片地址-->

		<!--选择分类弹出页面-->
		<div class="mui-backdrop" style="display: none;">
			<div class="selection_sort">
				<div class="selection_con">
					<span class="mui-icon mui-icon-close close_icon" id="close_icon"></span>
					<div class="selection_img">
						<img id="abbreviation_diagram" width="100%" style="height: 80px;" src="../../images/selection_img1.png" />
					</div>
					<div class="selection_price">
						<p class="price_title" id="shopping_title"></p>
						<p class="price_con">￥&nbsp;<span id="shopping_price"></span></p>
					</div>
				</div>
				<!--<div class="choose_list size">
					<p>尺码</p>
					<div class="size">
					</div>
				</div>-->
				<div class="choose_list spec">
					<p>规格</p>
					<div class="spec spec-box">
						<p><span></span></p>
						<p><span></span></p>
						<p><span></span></p>
					</div>
				</div>
				<div class="amount_num">
					<span>购买数量</span>
					<div class="mui-numbox" data-numbox-step='1' data-numbox-min='1' data-numbox-max=''>
						<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
						<input id="item_number" class="mui-input-numbox" readonly type="number" />
						<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
					</div>
				</div>
				<span id="join_cart_surebtn" class="sure_btn sure_btn_top">确定</span>
			</div>
		</div>

		<script src="../../js/jquery-1.11.1.min.js"></script>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/script/public_url.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/script/commodity_details.js"></script>
	</body>

</html>